<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html">
 
    <h:head>
        <title>Sistema Usuarios</title>
        <link rel="stylesheet" type="text/css" href="estilo.css"></link>
    </h:head>
    <h:body>
        
    <div id="menu">
		<a href="Listado.jsf">Inicio</a>
		<a href="Agregar.jsf">Agregar Nuevo Usuario</a>
	</div>
<div id="contenedor">
			<h:form>
		<h:dataTable value="#{mB.arrUsuarios}" var="usuario" width="100%" border="1" style="COLOR: #ffffff;">
            <h:column>
        		<f:facet name="header">
           			<h:outputText value="Rut" style="COLOR: #000000;"/>
        		</f:facet>
        		<h:outputText value="#{usuario.rut}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Nombre" style="COLOR: #000000;"/>
        		</f:facet>
        		<h:outputText value="#{usuario.nombres}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Apellidos" style="COLOR: #000000;" />
        		</f:facet>
        		<h:outputText value="#{usuario.apellidos}" />
    		</h:column>
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Direcci&oacute;n" style="COLOR: #000000;" />
        		</f:facet>
        		<h:outputText value="#{usuario.direccion}" />
    		</h:column>
    		
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Modificar" style="COLOR: #000000;" />
        		</f:facet>
        			<center><h:commandButton value="Editar" action="#{mB.pasarAeditar(usuario)}"/></center>
    		</h:column>
    		
    		<h:column>
        		<f:facet name="header">
           			<h:outputText value="Eliminar" style="COLOR: #000000;"/>
        		</f:facet>
        			<center><h:commandButton value="Eliminar" action="#{mB.eliminar(usuario.rut)}"/></center>
    		</h:column>
    		
            </h:dataTable>
            	</h:form>
            	</div>
    </h:body>
</html>